<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
			this.verifyAuth() 
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			verifyAuth() {
				let path = uni.getLaunchOptionsSync()
				console.log(path)
				let onAuthPage = [
					'pages/member/login'
				]
				if(!onAuthPage.includes(path.path)){
					let userInfo = this.$store.getters.userInfo
					console.log('userInfo',userInfo)
					// let token = uni.getStorageSync('token')
					if(!userInfo.id){
						uni.reLaunch({
							url: "/pages/member/login"
						})
					}
				}
			}
		}
	}
</script>

<style lang="scss">
	// 公共演示
	[v-cloak] {
		display: none;
	}
	
	body{
		background-color: #F1F1F5;
	}
	
	/*每个页面公共css */
	* {
		box-sizing: border-box;
		// font-size: 24rpx;
	}
	.line_1{
		overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;
		    -webkit-box-orient: vertical;
	}
	.line_2{
		overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;
		    -webkit-box-orient: vertical;
	}
	.line_3{
		overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;
		    -webkit-box-orient: vertical;
	}
	.warp{
		padding-bottom: constant(safe-area-inset-bottom);  
		padding-bottom: env(safe-area-inset-bottom);  
	}
	
	/**
	 * 考试中心相关
	 */
		@import "exam/colorui/main.css";
		@import "exam/colorui/icon.css";
		@import 'exam/thorui/app.css';
		@import 'exam/tuniao-ui/index.scss';
		@import 'exam/tuniao-ui/iconfont.css';
		
		// page {
		// 	background: #EDEDED;
		// }
	
		.nav-list {
			display: flex;
			flex-wrap: wrap;
			padding: 0px 40upx 0px;
			justify-content: space-between;
		}
	
		.nav-li {
			padding: 30upx;
			border-radius: 12upx;
			width: 45%;
			margin: 0 2.5% 40upx;
			background-image: url(https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358352-assets/web-upload/cc3b1807-c684-4b83-8f80-80e5b8a6b975.png);
			background-size: cover;
			background-position: center;
			position: relative;
			z-index: 1;
		}
	
		.nav-li::after {
			content: "";
			position: absolute;
			z-index: -1;
			background-color: inherit;
			width: 100%;
			height: 100%;
			left: 0;
			bottom: -10%;
			border-radius: 10upx;
			opacity: 0.2;
			transform: scale(0.9, 0.9);
		}
	
		.nav-li.cur {
			color: #fff;
			background: rgb(94, 185, 94);
			box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
		}
	
		.nav-title {
			font-size: 32upx;
			font-weight: 300;
		}
	
		.nav-title::first-letter {
			font-size: 40upx;
			margin-right: 4upx;
		}
	
		.nav-name {
			font-size: 28upx;
			text-transform: Capitalize;
			margin-top: 20upx;
			position: relative;
		}
	
		.nav-name::before {
			content: "";
			position: absolute;
			display: block;
			width: 40upx;
			height: 6upx;
			background: #fff;
			bottom: 0;
			right: 0;
			opacity: 0.5;
		}
	
		.nav-name::after {
			content: "";
			position: absolute;
			display: block;
			width: 100upx;
			height: 1px;
			background: #fff;
			bottom: 0;
			right: 40upx;
			opacity: 0.3;
		}
	
		.nav-name::first-letter {
			font-weight: bold;
			font-size: 36upx;
			margin-right: 1px;
		}
	
		.nav-li text {
			position: absolute;
			right: 30upx;
			top: 30upx;
			font-size: 52upx;
			width: 60upx;
			height: 60upx;
			text-align: center;
			line-height: 60upx;
		}
	
		.text-light {
			font-weight: 300;
		}
	
		@keyframes show {
			0% {
				transform: translateY(-50px);
			}
	
			60% {
				transform: translateY(40upx);
			}
	
			100% {
				transform: translateY(0px);
			}
		}
	
		@-webkit-keyframes show {
			0% {
				transform: translateY(-50px);
			}
	
			60% {
				transform: translateY(40upx);
			}
	
			100% {
				transform: translateY(0px);
			}
		}
		
		.fix-bottom {
			width: 100%;
			height: 100rpx;
		}
		
		.m-t-20 {
			margin-top: 20rpx;
		}
		
		.m-lr-10 {
			margin: 0 10rpx;
		}
		
		.m-lr-20 {
			margin: 0 20rpx;
		}
		
		.m-l-30 {
			margin: 30rpx;
		}
		
		.text-primary {
			color: #5677fc;
		}
		
		.bg-primary {
		    background-color: #5677fc;
		    color: #ffffff;
		}
		
		.line-primary::after,
		.lines-primary::after {
			border-color: #5677fc;
		}
		
		.card-view {
			width: 90%;
			padding: 20rpx;
			background: #fff;
			margin: 30rpx auto;
			border-radius: 15rpx;
			box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
		}
		
		.card-shadow {
		    border-radius: 15rpx;
		    box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
		}
		
		.about-shadow {
			border-radius: 15rpx;
			box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
		}
		
		.about {
		
			&__wrap {
				position: relative;
				z-index: 1;
				margin: 20rpx 30rpx;
				margin-top: -230rpx;
			}
		}
</style>
